1.callBack函數:當動畫完成100%，callback才會執行

2.語法為:$(selector).hide(speed,callback)

HTML

<button class="callBack-btn">函式回呼</button>
<h1>我是H1文字</h1>
<p><img class="callBack" src="https://picsum.photos/200" /></p>

JQuery

錯誤方式

$(document).ready(function () {
    $('.callBack').hide();
    $('.callBack-btn').click(function () {
        $('h1').hide(2000);
        $('.callBack').fadeIn();
        });
    });

• 點擊button後，會同時執行h1隱藏與$('callBack').fadeIn()

正確方式

$(document).ready(function () {
    $('.callBack').hide();
    $('.callBack-btn').click(function () {
        $('h1').hide(2000, function () {
        $('.callBack').fadeIn();
        });
    });
});

• 點擊button後，會先執行h1隱藏，h1隱藏完成後，再執行$('callBack').fadeIn()